html, body, div, nav, section, footer, p, h1, h2, h3, h4, h5, h6, span, img, a,
ul, li, ol, dl, dd, dt, table, th, tr, td, form, input, select, option, textarea,
button, iframe {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  vertical-align: top;
  box-sizing: border-box;
}
* {
  touch-callout:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
input{
  background-color: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.1;
}

input {
  padding-left: .7em;
}
html{
  margin: 0;
  height: 100%;
}
body {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  color: #333333;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

canvas {
  width: 100%;
  height: 100%;
}

ul {
  list-style: none;
}

ul li {
  float: left;
}

a {
  color: #333333;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

b {
  font-weight: 400;
  margin: 0 2px;
}

.clear::after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden; /**************元素的可见性******************/
  clear: both;
}

.clear {
  *zoom: 1;
}

.hide {
  display: none;
}

::-webkit-scrollbar { /*隐藏滚轮*/
  display: none;
}
.width_calc {
  /*width: calc(100% - 20px);*/
  /*width: -moz-calc(100% - 20px);*/
  /*width: -webkit-calc(100% - 20px);*/
}

.border_radius_2 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.multi_line_txt_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.single_txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.boxShadow{
  /* box-shadow: 0 0 4.5px rgba(136, 136, 136, 0.3);  */
  box-shadow: 0 0 4.5px rgba(64,158,255,0.5);
}
.padding_0_20{
  padding: 0 10px;
}
.stationType .el-input__inner{
      line-height: normal;
      height: auto;
      border: none;
      padding-left: 0;
      font-size: 14px;
}
.stationType .el-input__icon{
  height: auto;
  line-height: normal;
}
input::-webkit-input-placeholder {
  color: #cccccc !important;
}
.el-select-dropdown{
  width: calc(100% - 120px);
  left: 60px !important;
}
.el-popper .popper__arrow{
  left: 50% !important;
}

#mapNavDiv{
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(241,251,255,.7);
  /* background-image: url('../assets/bgimg.png'); */
  background-position: top;
  background-repeat: repeat;
  /* z-index: -1; */
}

.maskBox{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.el-select-dropdown__item.selected::after{
  display: none
}
.el-message{
  font-size: 16px !important;
  width: 100%;
}
.bottomBox{
  position: fixed;
  bottom: 0;
  left: 60px;
  width: calc(100% - 120px);
  z-index: 996;
}
@media screen and (min-width:720px){
  .authorCom,.diagnoseCom.stationCom,.diagnoseCom,.wifiComponent,.updateCom,.stationSetComponent,.stationSetComponent{
    left: calc(50% - 130px);
    width: 260px !important;
  }
  .dragDisk{
  }
  
}
@media screen and (min-width:600px){
  .upDownComp2{
    left: 100px !important;
  }
  .leftRughtComp2{
    right: 170px !important;
  }
  .leftRughtComp2,.upDownComp2{
    width: 90px !important;
    height: 240px !important;
  }
  .dragBgFirst,.dragBgSecond{
    width: 90px !important;
    height: 90px !important;
  }
}
.el-progress__text{
  font-size: 10px !important;
}